<Page [noBottom]="true" [spacing]="false">
    <div class="msg_success">
        <div class="weui-msg" style=" padding-top: 0px; background: #FFF000; height: 153px;">
            <div class="weui-msg__icon-area">
                <img height="130px" src="../../../assets/kx_logo.png" style="margin-top: 12px;" width="77px">
            </div>
        </div>
    </div>

    <div style="margin-top: 20px; margin-left: 72px; margin-right: 72px;">
        <a style="font-size: 16px;color: #F8B20E;">&nbsp;</a>
    </div>
    <form #f="ngForm" (ngSubmit)="onSave()">
        <div class="weui-cells weui-cells_form">
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">选择城市</label></div>
                <div class="weui-cell__bd">
                    <weui-city-picker
                            (change)="cityChange($event)"
                            [(ngModel)]="user.cityId"
                            [data]="cityData"
                            [weui-input]="'text'"
                            name="cityId"
                            placeholder="请选择所在城市"
                            weui-required="warn"
                    ></weui-city-picker>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">联系人</label></div>
                <div class="weui-cell__bd">
                    <input [(ngModel)]="user.userName"
                           [weui-input]="'text'"
                           class="weui-input"
                           name="userName"
                           placeholder="请输入联系人"
                           weui-required="warn"/>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">联系电话</label>
                </div>
                <div class="weui-cell__bd">
                    <input
                            [(ngModel)]="user.phone"
                            class="weui-input"
                            name="phone"
                            placeholder="请输入联系电话"
                            type="tel"
                            weui-input="mobile"
                            weui-required="warn"
                    />
                </div>
            </div>
        </div>

        <div class="weui-cells__title">介绍信息</div>
        <div class="weui-cells weui-cells_form">
            <div class="weui-cell">
                <div class="weui-cell__bd">
          <textarea
                  [(ngModel)]="user.description"
                  class="weui-textarea"
                  maxlength="20"
                  name="description"
                  placeholder="请输入介绍信息"
                  rows="3"
                  weui-cn="2"
                  weui-textarea
          ></textarea>
                </div>
            </div>
        </div>
        <div class="weui-btn-area">
            <button
                    [disabled]="!f.form.valid || !f.form.dirty"
                    [ngClass]="{ 'weui-btn_disabled': !f.form.valid || !f.form.dirty }"
                    class="weui-btn weui-btn_primary">
                提交
            </button>
        </div>
    </form>
</Page>
